<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘票票</title>
	<link rel="stylesheet" href="../../../public/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../public/css/layout.css">
	<link rel="stylesheet" type="text/css" href="../../../public/css/detail.css">

</head>
<body>
#{header user:user/}
<article>
		<div class="detail-wrap">
			<div class="detail-bg">
				<img src="../../../public/img/01-1.jpg">
			</div>
			<div class="detail-movies">
				<div class="center">
					<a href="#" class="scroll-btn"></a>
					<a href="#" class="scroll-btn"></a>
					<div class="movie-scroll">
						<ul class="movie-list">
							<li>
								<a href="#">
									<img src="../../../public/img/01.jpg">
									<span>
										<em class="dt-name">忍者神龟2：破影而出</em>
										<em class="dt-score">8.8</em>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../../../public/img/01.jpg">
									<span>
										<em class="dt-name">忍者神龟2：破影而出</em>
										<em class="dt-score">8.8</em>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../../../public/img/01.jpg">
									<span>
										<em class="dt-name">忍者神龟2：破影而出</em>
										<em class="dt-score">8.8</em>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../../../public/img/01.jpg">
									<span>
										<em class="dt-name">忍者神龟2：破影而出</em>
										<em class="dt-score">8.8</em>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../../../public/img/01.jpg">
									<span>
										<em class="dt-name">忍者神龟2：破影而出</em>
										<em class="dt-score">8.8</em>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="change-wrap">
				<a class="movie-open">切换影片</a>
				<a class="detail-open">切换影片</a>
			</div>
			<div class="detail-cont">
				<div class="center">
					<h3 class="cont-title">忍者神龟2：破影而出 
						<em class="score">8.8</em>
					</h3>
					<div class="cont-pic">
						<img src="../../../public/img/01.jpg">
					</div>
					<ul class="cont-info">
						<li class="comment">“变种反派集合，梅根迷倒糖哥”</li>
						<li>导演：戴夫·格林</li>
						<li>主演：梅根·福克斯,亚历桑德拉·安布罗休,斯蒂芬·阿梅尔,阿伦·瑞奇森</li>
						<li>类型：动作 冒险 科幻</li>
						<li>制片国家/地区：美国</li>
						<li>语言：英语</li>
						<li>片长：113分钟</li>
						<li class="shrink">
							剧情介绍：城市在恢复平静后，大反派重新召集旧部卷土重来，并勾结外星恶势力朗格试图称霸地球，忍者神龟莱昂纳多（皮特·普劳泽克 饰）、拉斐尔（阿伦·瑞奇森 饰）、多纳泰罗（杰瑞米·霍华...
							<a href="#" class="shrink-btn">展开>></a> 
						</li>
					</ul>
					<div class="cont-time">上映时间：2016-07-02</div>
				</div>
			</div>
		</div>
		<div class="film-wrap center">
			<h3>选座购票</h3>
			<div class="line"></div>
			<div>
				<div class="filter-select">
					<div class="select-i">
						<label>选择影城</label>
						<div class="select-tag">
							<a href="#" class="selected">广州乐天影城</a>
							<a href="#">广州白云万达电影城</a>
							<a href="#">广州横店影城-庆丰店</a>
							<a href="#">广州乐天影城</a>
							<a href="#">广州白云万达电影城</a>
							<a href="#">广州横店影城-庆丰店</a>
							<a href="#">广州乐天影城</a>
							<a href="#">广州白云万达电影城</a>
							<a href="#">广州横店影城-庆丰店</a>
						</div>
						<a href="#" class="select-more">更多></a>
					</div>
					<div class="select-i select-time">
						<label>选择时间</label>
						<div class="select-tag">
							<a href="#">7月5日（今天）</a>
						</div>
					</div>
				</div>
			</div>
			<div class="cinemabar-wrap">
				<h4>广州乐天影城</h4>
				<p>地址：广州市白云区云城东路503号白云万达广场3楼</p>
				<p>电话：020-36689666</p>
				<a href="#">查看影院详情></a>
			</div>
			<table class="hall-table">
				<thead>
					<tr>
						<th class="hall-time">
							放映时间
						</th>
						<th class="hall-type">
							语言版本
						</th>
						<th class="hall-name">
							放映厅
						</th>
						<th class="hall-flow">
							座位情况
						</th>
						<th class="hall-price">
							现价/影院价（元）
						</th>
						<th class="hall-buy">
							选座购票
						</th>
					</tr>
				</thead>
				<tbody>
				<tr>
					<td class="hall-time">
						<em class="bold">16:10</em>
						预计18:03离场
					</td>
					<td class="hall-type">
						英语3D
					</td>
					<td class="hall-name">
						3号厅
					</td>
					<td class="hall-flow">
						<div class="flowing-wrap flowing-loose">
							<label>宽松</label>
							<span class="flowing-vol">
								<i></i>
							</span>
							<span class="flowing-view">
								<i class="icon-zoom"></i>
							</span>
						</div>
					</td>
					<td class="hall-price">
						<em class="now">56.00</em>
						<del class="old">60.00</del>
					</td>
					<td class="hall-buy">
						<a href="seatOrder.html" class="seat-btn">选座购票</a>
					</td>
				</tr>
				<tr>
					<td class="hall-time">
						<em class="bold">16:10</em>
						预计18:03离场
					</td>
					<td class="hall-type">
						英语3D
					</td>
					<td class="hall-name">
						3号厅
					</td>
					<td class="hall-flow">
						<div class="flowing-wrap flowing-loose">
							<label>宽松</label>
							<span class="flowing-vol">
								<i></i>
							</span>
							<span class="flowing-view">
								<i class="icon-zoom"></i>
							</span>
						</div>
					</td>
					<td class="hall-price">
						<em class="now">56.00</em>
						<del class="old">60.00</del>
					</td>
					<td class="hall-buy">
						<a href="seatOrder.html" class="seat-btn">选座购票</a>
					</td>
				</tr>
				<tr>
					<td class="hall-time">
						<em class="bold">16:10</em>
						预计18:03离场
					</td>
					<td class="hall-type">
						英语3D
					</td>
					<td class="hall-name">
						3号厅
					</td>
					<td class="hall-flow">
						<div class="flowing-wrap flowing-loose">
							<label>宽松</label>
							<span class="flowing-vol">
								<i></i>
							</span>
							<span class="flowing-view">
								<i class="icon-zoom"></i>
							</span>
						</div>
					</td>
					<td class="hall-price">
						<em class="now">56.00</em>
						<del class="old">60.00</del>
					</td>
					<td class="hall-buy">
						<a href="seatOrder.html" class="seat-btn">选座购票</a>
					</td>
				</tr>
				<tr>
					<td class="hall-time">
						<em class="bold">16:10</em>
						预计18:03离场
					</td>
					<td class="hall-type">
						英语3D
					</td>
					<td class="hall-name">
						3号厅
					</td>
					<td class="hall-flow">
						<div class="flowing-wrap flowing-loose">
							<label>宽松</label>
							<span class="flowing-vol">
								<i></i>
							</span>
							<span class="flowing-view">
								<i class="icon-zoom"></i>
							</span>
						</div>
					</td>
					<td class="hall-price">
						<em class="now">56.00</em>
						<del class="old">60.00</del>
					</td>
					<td class="hall-buy">
						<a href="seatOrder.html" class="seat-btn">选座购票</a>
					</td>
				</tr>
				<tr>
					<td class="hall-time">
						<em class="bold">16:10</em>
						预计18:03离场
					</td>
					<td class="hall-type">
						英语3D
					</td>
					<td class="hall-name">
						3号厅
					</td>
					<td class="hall-flow">
						<div class="flowing-wrap flowing-loose">
							<label>宽松</label>
							<span class="flowing-vol">
								<i></i>
							</span>
							<span class="flowing-view">
								<i class="icon-zoom"></i>
							</span>
						</div>
					</td>
					<td class="hall-price">
						<em class="now">56.00</em>
						<del class="old">60.00</del>
					</td>
					<td class="hall-buy">
						<a href="seatOrder.html" class="seat-btn">选座购票</a>
					</td>
				</tr>
				</tbody>
			</table>
		</div>
	</article>
	<footer>
		<div class="center foot-wrap">
			<div class="foot-middle">
				<h1>淘票票</h1>
				<dl>
					<dt>选座购票流程</dt>
					<dd><a href="#">选择影片和场次</a></dd>
					<dd><a href="#">选择中意的座位</a></dd>
					<dd><a href="#">支付并收到取票短信</a></dd>
				</dl>
				<dl>
					<dt>取票流程</dt>
					<dd><a href="#">收到取票短信</a></dd>
					<dd><a href="#">影院自助取票</a></dd>
					<dd><a href="#">短信重发方式</a></dd>
				</dl>
				<dl>
					<dt>常见问题</dt>
					<dd><a href="#">是否支持退换票</a></dd>
					<dd><a href="#">填错手机号怎么办</a></dd>
					<!-- <dl><a href="#"></a></dl> -->
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a href="#">张国彬</a></dd>
					<dd><a href="#">陈晓霞</a></dd>
					<dd><a href="#">黄家健</a></dd>
					<dd><a href="#">黄宝多</a></dd>
				</dl>
			</div>
			<div class="foot-bottom">
				<p>@ 2016 数据库课程设计 张国彬小组所有</p>
			</div>
		</div>
		
	</footer>
	<script src="../../../public/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../../public/js/vue.js"></script>
    <script type="text/javascript" src="../../../public/js/calendar.js"></script>
	<script src="../../../public/js/bootstrap.min.js"></script>
	<script src="../../../public/js/detail.js"></script>
<script src="../../../public/js/filmDetail.js"></script>
</body>
</html>